.cardInfo {
    background: #FFFFFF;
    color: #000;
    font-size: 14PX;
    font-weight: 700;
    display: flex;
    flex-direction: column;

    &_item {
        display: flex;
        flex: 1;
        flex-direction: row;
        justify-content: space-between;
        padding: 10PX 16PX;
    }
}

.chargeInfo {
    border-top: 1PX solid #e1e1e1;
    border-bottom: 1PX solid #e1e1e1;
    margin-top: 20PX;
    background: #FFFFFF;

    &_ipt {
        display: flex;
        flex-direction: row;

        &_left {
            display: flex;
            flex: 5;
        }

        &_right {
            display: flex;
            flex: 1;
            justify-content: center;
            align-items: center;
            font-size: 14PX;
        }
    }

    &_select {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;

        &_item {
            display: flex;
            flex: 1;
            border: 1PX solid #b71120;
            color: #b71120;
            justify-content: center;
            align-items: center;
            margin: 10PX;
            padding: 5PX;
        }

        &_active {
            color: #FFFFFF;
            background: #b71120;
        }
    }
}

.confirm {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    font-size: 16PX;

    &_left {
        display: flex;
        flex: 2;
        padding-left: 18PX;
        align-items: center;
        background: #FFFFFF;
        border-top: 1PX solid #e1e1e1;

        &_money {
            display: inline-block;
            padding: 0 2PX;
            color: #b71120;
        }
    }

    &_right {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        line-height: 3;
        background: #b71120;
        color: #FFFFFF;
    }

    &_disable {
        background: #dcacaf;
    }
}
